<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      div > div:first-child {
        color: blue;
      }

      div > div:last-child {
        color: red;
      }

      div > div:nth-child(4) {
        color: green;
      }

      /* 
      写成 an+b 的形式，表示从b开始每a个选择一个 
      将 n 作为自然数从 0,1,2 ... 开始带入公式计算，
      即可得出哪一行被选中
      */
      div > div:nth-child(2n + 1) {
        color: white;
      }
    </style>
  </head>
  <body>
    <div>
      <div>第1个div标签</div>
      <div>第2个div标签</div>
      <div>第3个div标签</div>
      <div>第4个div标签</div>
      <div>第5个div标签</div>
      <div>第6个div标签</div>
      <div>第7个div标签</div>
      <div>第8个div标签</div>
      <div>第9个div标签</div>
      <div>第10个div标签</div>
    </div>
  </body>
</html>
